<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="google-site-verification" content="hdCBAhjWQf5aChPnRjVWBaEDarOT-IsTTPNlYtIa1hw" />
    <title>轩寓豪华汽车租赁</title>
    <meta name="description" content="高端汽车租赁服务" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="jsdelivr/animatecss/3.5.2/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css" />

    <link rel="icon" href="images/fav.png" type="image/x-icon" />
</head>

<body>
    
    <header class="home3-header">
        <div class="menu-top-bar">
            <div class="maxWidth">
                <div class="menu-top-content">
                    <div class="menu-topbar-left">
                        <a href="javascript:;"><i class="bi bi-geo-alt"></i> 选择您的城市 <i
                                class="bi bi-chevron-down"></i></a>
                    </div>
                    <div class="menu-topbar-right">
                        <ul>
                            <li>
                                <a href="javascript:;">关于我们</a>
                            </li>
                            <li>
                                <a href="javascript:;">我们的服务</a>
                            </li>
                            <li>
                                <a href="javascript:;">常见问题</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--菜单-->
        <nav class="navbar navbar-expand-lg navbar-light">
            <div class="container-fluid">
                <div class="left-navbar">
                    <!-- 品牌标志 -->
                    <a class="navbar-brand bg-topbar-items" href="index.html">
                        <img alt="轩寓标志" src="images/logo.png" />
                    </a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="切换导航">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse bg-topbar-items" id="navbarSupportedContent">
                        <div class="close-menu" style="display: none">
                            <img alt="关闭菜单" src="images/close.png" />
                        </div>
                        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                            <li class="nav-item dropdown">
                               <a href="javascript:;" class="nav-link dropdown-toggle active" data-toggle="dropdown"
                                  role="button" aria-haspopup="true" aria-expanded="false">首页<span class="caret"></span></a>
                               <ul class="dropdown-menu">
                                  <li><a href="index.html">首页</a></li>
                                  <!-- <li><a href="home2.html">首页 2</a></li>
                                  <li  class="active"><a href="home3.html">首页 3</a></li>  -->
                               </ul>
                            </li>
                            <li class="nav-item ">
                               <a class="nav-link" href="about.html">关于我们</a>
                            </li>
                            <li class="nav-item dropdown">
                               <a href="javascript:;" class="nav-link dropdown-toggle" data-toggle="dropdown"
                                  role="button" aria-haspopup="true" aria-expanded="false">服务<span class="caret"></span></a>
                               <ul class="dropdown-menu">
                                  <li><a href="car-listing.html">车辆列表</a></li>
                                  <!-- <li><a href="car-listing2.html">车辆列表 2</a></li>
                                  <li><a href="car-listing3.html">车辆列表 3</a></li>  -->
                                  <li><a href="car-details.html">车辆详情</a></li> 
                                  <!-- <li><a href="car-details2.html">车辆详情 2</a></li>  -->
                                  <li><a href="reservation.html">预订</a></li> 
                               </ul>
                            </li> 
                            <!-- <li class="nav-item dropdown">
                               <a href="javascript:;" class="nav-link dropdown-toggle" data-toggle="dropdown"
                                  role="button" aria-haspopup="true" aria-expanded="false">博客<span class="caret"></span></a>
                               <ul class="dropdown-menu">
                                  <li><a href="blog.html">博客</a></li>
                                  <li><a href="blog-details.html">博客详情</a></li> 
                               </ul>
                            </li>  -->
        
                            <li class="nav-item dropdown">
                               <a href="javascript:;" class="nav-link dropdown-toggle" data-toggle="dropdown"
                                  role="button" aria-haspopup="true" aria-expanded="false">页面<span class="caret"></span></a>
                               <ul class="dropdown-menu">
                                  <li><a href="contacts.html">联系我们</a></li>
                                  <li><a href="team.html">我们的团队</a></li>
                                  <li><a href="rental-history.html">租赁历史</a></li>
                                  <li><a href="faq.html">帮助中心</a></li> 
                                  <li><a href="error.html">404</a></li> 
                               </ul>
                            </li> 
                         </ul>
                    </div>

                    <div class="searchbar bg-topbar-items">
                        <div class="custom-form">
                            <div class="input-group">
                                <div class="input-group-text"><img alt="搜索图标" src="images/search-icon.png">
                                </div>
                                <input type="text" class="form-control" id="inlineFormInputGroupUsername01"
                                    placeholder="搜索">
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="" class="btn main-btn button-primary" data-bs-toggle="modal" data-bs-target="#signIn">登录</a>
                    </div>

                </div>
            </div>
        </nav>
        <!--头部横幅-->

        <div class="header-baner-area">
            <div class="header-content">
                <div class="header-left-content">
                    <div class="header-left-inner-content">
                        <h2 class="main-heading main-heading-lg">无与伦比的豪华，无可匹敌的动力</h2>
                        <p>
                            探索我们精心挑选的世界顶级豪华汽车品牌，为您带来极致驾乘体验
                        </p>
                        <div class="vrm-banner-search-tabs">
                            <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="pills-sportscars-tab" data-bs-toggle="pill"
                                        data-bs-target="#pills-sportscars" type="button" role="tab" aria-controls="pills-sportscars"
                                        aria-selected="true">跑车</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-luxury-sedans-tab" data-bs-toggle="pill"
                                        data-bs-target="#pills-luxury-sedans" type="button" role="tab"
                                        aria-controls="pills-luxury-sedans" aria-selected="false">豪华轿车</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-crossovers-tab" data-bs-toggle="pill"
                                        data-bs-target="#pills-crossovers" type="button" role="tab"
                                        aria-controls="pills-crossovers" aria-selected="false">SUV & 跨界车</button>
                                </li>
                            </ul>
                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade  show active" id="pills-sportscars" role="tabpanel"
                                    aria-labelledby="pills-sportscars-tab" tabindex="0">
                                
                                    <div class="vm-search-section-area white-theme">
                                        <div class="vm-vehicle-search-section">
                                            <div class="form-group">
                                                <label>取车地点</label>
                                                <div class="searchbar">
                                                    <div class="custom-form">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="位置图标"
                                                                    src="images/location-icon.svg">
                                                            </div>
                                                            <input type="text" class="form-control"
                                                                id="inlineFormInputGroupUsername02" placeholder="输入地点">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label>取车日期</label>
                                                <div class="searchbar">
                                                    <div class="custom-form select-date-time">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="日历图标"
                                                                    src="images/calendar-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker" class="w-50 form-control" type="text"
                                                                placeholder="选择日期">
                                                        </div>
            
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="时钟图标"
                                                                    src="images/clock-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker2" class="w-50 form-control" type="text"
                                                                placeholder="选择时间">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label>还车日期</label>
                                                <div class="searchbar">
                                                    <div class="custom-form select-date-time">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="日历图标"
                                                                    src="images/calendar-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker3" class="w-50 form-control" type="text"
                                                                placeholder="选择日期">
                                                        </div>
            
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="时钟图标"
                                                                    src="images/clock-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker4" class="w-50 form-control" type="text"
                                                                placeholder="选择时间">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label class="invisible">搜索</label>
                                                <a href="" class="btn main-btn button-primary">
                                                    <img src="images/search-icon-md.png" alt="搜索">
                                                </a>
                                            </div>
            
                                        </div>
                                        <div class="custom-form mt-4">
                                            <div class="custom-radio-check-box">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault45">
                                                    <label class="form-check-label" for="flexCheckDefault45">
                                                        不同地点还车
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="pills-luxury-sedans" role="tabpanel"
                                    aria-labelledby="pills-luxury-sedans-tab" tabindex="0">
                                    <div class="vm-search-section-area white-theme">
                                        <div class="vm-vehicle-search-section">
                                            <div class="form-group">
                                                <label>取车地点</label>
                                                <div class="searchbar">
                                                    <div class="custom-form">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="位置图标"
                                                                    src="images/location-icon.svg">
                                                            </div>
                                                            <input type="text" class="form-control"
                                                                id="inlineFormInputGroupUsername03" placeholder="输入地点">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label>取车日期</label>
                                                <div class="searchbar">
                                                    <div class="custom-form select-date-time">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="日历图标"
                                                                    src="images/calendar-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker012" class="w-50 form-control" type="text"
                                                                placeholder="选择日期">
                                                        </div>
            
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="时钟图标"
                                                                    src="images/clock-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker21" class="w-50 form-control" type="text"
                                                                placeholder="选择时间">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label>还车日期</label>
                                                <div class="searchbar">
                                                    <div class="custom-form select-date-time">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="日历图标"
                                                                    src="images/calendar-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker31" class="w-50 form-control" type="text"
                                                                placeholder="选择日期">
                                                        </div>
            
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="时钟图标"
                                                                    src="images/clock-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker42" class="w-50 form-control" type="text"
                                                                placeholder="选择时间">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label class="invisible">搜索</label>
                                                <a href="" class="btn main-btn button-primary">
                                                    <img src="images/search-icon-md.png" alt="搜索">
                                                </a>
                                            </div>
            
                                        </div>
                                        <div class="custom-form mt-4">
                                            <div class="custom-radio-check-box">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault46">
                                                    <label class="form-check-label" for="flexCheckDefault46">
                                                        不同地点还车
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="pills-crossovers" role="tabpanel"
                                    aria-labelledby="pills-crossovers-tab" tabindex="0">
                                    <div class="vm-search-section-area white-theme">
                                        <div class="vm-vehicle-search-section">
                                            <div class="form-group">
                                                <label>取车地点</label>
                                                <div class="searchbar">
                                                    <div class="custom-form">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="位置图标"
                                                                    src="images/location-icon.svg">
                                                            </div>
                                                            <input type="text" class="form-control"
                                                                id="inlineFormInputGroupUsername04" placeholder="输入地点">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label>取车日期</label>
                                                <div class="searchbar">
                                                    <div class="custom-form select-date-time">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="日历图标"
                                                                    src="images/calendar-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker03" class="w-50 form-control" type="text"
                                                                placeholder="选择日期">
                                                        </div>
            
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="时钟图标"
                                                                    src="images/clock-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker20" class="w-50 form-control" type="text"
                                                                placeholder="选择时间">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label>还车日期</label>
                                                <div class="searchbar">
                                                    <div class="custom-form select-date-time">
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="日历图标"
                                                                    src="images/calendar-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker32" class="w-50 form-control" type="text"
                                                                placeholder="选择日期">
                                                        </div>
            
                                                        <div class="input-group">
                                                            <div class="input-group-text"><img alt="时钟图标"
                                                                    src="images/clock-icon.svg">
                                                            </div>
                                                            <input id="datetimepicker43" class="w-50 form-control" type="text"
                                                                placeholder="选择时间">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
            
                                            <div class="form-group">
                                                <label class="invisible">搜索</label>
                                                <a href="" class="btn main-btn button-primary">
                                                    <img src="images/search-icon-md.png" alt="搜索">
                                                </a>
                                            </div>
            
                                        </div>
                                        <div class="custom-form mt-4">
                                            <div class="custom-radio-check-box">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault47">
                                                    <label class="form-check-label" for="flexCheckDefault47">
                                                        不同地点还车
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
    
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-right-content">

                </div>
            </div>
        </div>
    </header>

    <!--探索世界顶级豪华汽车品牌-->
    <section class="prestigious-brands padtbmax wow fadeInUp">
        <div class="maxWidth">
            <h2 class="main-heading">探索世界顶级豪华汽车品牌</h2>
        </div>
        <div class="prestigious-brands-list-group">
            <div class="prestigious-brands-list pbl-1">
                <div class="maxWidth">
                     <div class="pbl1-content">
                        <div class="pbl1-left-content">
                            <button class="btn details-btn">详情</button>
                        </div>
                        <div class="pbl1-right-content">
                            <h2 class="main-heading">兰博基尼 Aventador</h2>
                            <p>
                                无论是周末度假还是商务旅行，我们都有适合您的车辆。让您的旅程无忧无虑
                            </p>
                        </div>
                     </div>
                </div>
            </div>
            <div class="prestigious-brands-list pbl-2">
                <div class="maxWidth">
                     <h2 class="main-heading">布加迪 La Voiture Noire</h2>
                </div>
            </div>
            <div class="prestigious-brands-list pbl-3">
                <div class="maxWidth">
                     <h2 class="main-heading">梅赛德斯-奔驰 S级</h2>
                </div>
            </div>
            <div class="prestigious-brands-list pbl-4">
                <div class="maxWidth">
                     <h2 class="main-heading">劳斯莱斯 Ghost</h2>
                </div>
            </div>
            <div class="prestigious-brands-list pbl-5">
                <div class="maxWidth">
                     <h2 class="main-heading">宾利 Continental GT</h2>
                </div>
            </div>
        </div>
    </section>
    <!--尊享专属特权，提升驾乘体验-->
    <section class="exclusive-perks-wrapper wow fadeInUp">
        <div class="maxWidth">
            <div class="exclusive-perks-panel">
                <h2 class="main-heading">
                    尊享专属特权，提升驾乘体验
                </h2>
                <p class="small-para">驾驶标志性设计车型，无论走到哪里都能吸引目光</p>
                <div>
                    <ul class="exclusive-perks-list">
                        <li> 
                            <div class="exclusive-perks-list-content">
                                 <h4>精选豪华车队</h4>
                                 <p>
                                    从我们精心挑选的精英车辆中挑选，包括世界知名品牌的最新车型。享受豪华驾驶体验，无论走到哪里都能彰显个性
                                 </p>
                            </div>
                        </li> 
                        <li> 
                            <div class="exclusive-perks-list-content">
                                 <h4>定制VIP服务</h4>
                                 <p>
                                    从个性化礼宾服务到定制交付安排，体验真正的白手套服务，满足您的每一个需求，确保一切顺利
                                 </p>
                            </div>
                        </li> 
                        <li> 
                            <div class="exclusive-perks-list-content">
                                 <h4>灵活定制方案</h4>
                                 <p>
                                    选择适合您日程的租赁计划。从短期租赁到长期计划，享受灵活性而不影响专属体验
                                 </p>
                            </div>
                        </li> 
                    </ul> 
                </div>
            </div>
        </div>
    </section>
    <!--浏览车辆-->
    <section class="browse-cars-wrapper padtbmax wow fadeInUp">
        <div class="maxWidth">
            <div class="browse-cars-panel">
                <h2 class="main-heading">
                    我们的豪华系列
                </h2>

                <div>
                    <ul class="browse-cars-list two-column">
                        <li>
                            <figure class="browse-car-image">
                                <img src="images/placeholder-99.png" alt="豪华汽车">
                            </figure>
                            <div class="browse-car-details">
                                <div class="browse-car-details-top">
                                    <h4>Excalibur Phaeton</h4> 
                                </div>
                                <div class="browse-car-details-bottom">
                                    <div class="address">
                                        <span>￥200 / 天</span>
                                    </div>
                                </div>
                            </div>
                        </li> 
                        <li>
                            <figure class="browse-car-image">
                                <img src="images/placeholder-100.png" alt="豪华汽车">
                            </figure>
                            <div class="browse-car-details">
                                <div class="browse-car-details-top">
                                    <h4>Excalibur Phaeton</h4> 
                                </div>
                                <div class="browse-car-details-bottom">
                                    <div class="address">
                                        <span>￥200 / 天</span>
                                    </div>
                                </div>
                            </div>
                        </li> 
                        <li>
                            <figure class="browse-car-image">
                                <img src="images/placeholder-101.png" alt="豪华汽车">
                            </figure>
                            <div class="browse-car-details">
                                <div class="browse-car-details-top">
                                    <h4>Excalibur Phaeton</h4> 
                                </div>
                                <div class="browse-car-details-bottom">
                                    <div class="address">
                                        <span>￥200 / 天</span>
                                    </div>
                                </div>
                            </div>
                        </li> 
                        <li>
                            <figure class="browse-car-image">
                                <img src="images/placeholder-102.png" alt="豪华汽车">
                            </figure>
                            <div class="browse-car-details">
                                <div class="browse-car-details-top">
                                    <h4>Excalibur Phaeton</h4> 
                                </div>
                                <div class="browse-car-details-bottom">
                                    <div class="address">
                                        <span>￥200 / 天</span>
                                    </div>
                                </div>
                            </div>
                        </li> 
                        <li>
                            <figure class="browse-car-image">
                                <img src="images/placeholder-103.png" alt="豪华汽车">
                            </figure>
                            <div class="browse-car-details">
                                <div class="browse-car-details-top">
                                    <h4>Excalibur Phaeton</h4> 
                                </div>
                                <div class="browse-car-details-bottom">
                                    <div class="address">
                                        <span>￥200 / 天</span>
                                    </div>
                                </div>
                            </div>
                        </li> 
                        <li>
                            <figure class="browse-car-image">
                                <img src="images/placeholder-104.png" alt="豪华汽车">
                            </figure>
                            <div class="browse-car-details">
                                <div class="browse-car-details-top">
                                    <h4>Excalibur Phaeton</h4> 
                                </div>
                                <div class="browse-car-details-bottom">
                                    <div class="address">
                                        <span>￥200 / 天</span>
                                    </div>
                                </div>
                            </div>
                        </li> 
                    </ul>

                    <button class="btn main-btn button-primary btn-lg m-auto">显示车辆</button>
                </div>
            </div>
        </div>
    </section>
    <!--定制您的驾乘体验-->
    <section class="classic-car-wrapper driving-experience-wrapper padtbmax pt-0 wow fadeInUp">
        <div class="maxWidth">
            <div class="classic-car-panel"> 
                <div class="classic-car-right-content">
                    <ul class="counting-list">
                        <li>
                            <figure><img src="images/placeholder-105.png" alt="豪华汽车"></figure>
                        </li>
                        <li>
                             <div class="driving-exp">
                                <h5>
                                    定制您的驾乘体验
                                </h5>
                                <p class="text-para">
                                    在线浏览我们的豪华和异国情调汽车选择。按品牌、型号和可用性筛选，找到适合您体验的完美车辆
                                </p>
                                <div class="count-exp">
                                    <p>1万+
                                        <span>
                                            满意客户
                                        </span>
                                    </p>
                                    <p>94%
                                        <span>
                                            客户满意度
                                        </span>
                                    </p>
                                </div>
                             </div>
                        </li> 
                        <li>
                            <figure><img src="images/placeholder-106.png" alt="豪华汽车"></figure>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
 
    <!--随时随地租车 - 下载我们的应用-->
    <section class="rent-car-app-wrapper dark-theme  wow fadeInUp">
        <div class="rent-car-app-content">
            <div class="rca-left-content">
                <figure>
                    <img src="images/placeholder-32.png" alt="轩寓应用">
                </figure>
            </div>
            <div class="rca-right-content">
                <h2 class="main-heading">随时随地租车 - 下载我们的应用！</h2>
                <ul class="rca-list-group">
                    <li>
                        <h3>
                            快速轻松预订
                        </h3>
                        <p>
                            查找可用车辆、查看价格并在几分钟内完成预订
                        </p>
                    </li>
                    <li>
                        <h3>
                            专属折扣
                        </h3>
                        <p>
                            获取应用专属优惠和下一次租赁的折扣
                        </p>
                    </li>
                    <li>
                        <h3>
                            24/7全天候服务
                        </h3>
                        <p>
                            随时随地租车，所有预订信息一目了然
                        </p>
                    </li>
                    <li>
                        <h3>
                            无缝导航
                        </h3>
                        <p>
                            使用应用内导航轻松找到取车和还车地点
                        </p>
                    </li>
                </ul>
                <ul class="rca-download-apps">
                    <li>
                        <img src="images/google2.png" alt="谷歌应用商店">
                    </li>
                    <li>
                        <img src="images/apple2.png" alt="苹果应用商店">
                    </li>
                </ul>
            </div>
        </div>
    </section>

    <!--我们的使命-->
    <section class="our-mission-wrapper wow fadeInUp">
        <div class="maxWidth">
            <div class="our-mission-panel">
                <div class="our-mission-text">
                    <p>
                        我们的使命是提供无缝的汽车租赁体验，让客户能够自信、时尚地探索世界
                    </p>
                </div>
                <div class="our-mission-address">
                    <h5>快速通道租赁</h5>
                    <p class="address">1234 车道大道<br>
                        洛杉矶, CA 90001</p>
                    <span class="phone-number">(0530) 2735678</span>
                </div>
                <div class="our-mission-days">
                    <h5>营业时间</h5>
                    <ul>
                        <li>
                            <p>周一至周五:<span>上午9:00 - 下午6:00</span></p>
                        </li>
                        <li>
                            <p>周六:<span>上午9:00 - 下午4:00</span></p>
                        </li>
                        <li>
                            <p>周日: <span>休息</span></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚开始 -->
    <section class="footer wow fadeInUp">
        <div class="maxWidth">
           <div class="footer-wrap">
              <div class="footer-list">
                 <div class="menu-links">
                    <h2>车辆类型</h2>
                    <ul class="two-column-list">
                       <li><a href="javascript:;" class="footer-nav-link">轿车租赁</a></li>
                       <li><a href="javascript:;" class="footer-nav-link">SUV租赁</a></li>
                       <li><a href="javascript:;" class="footer-nav-link">经典车租赁</a></li>
                       <li><a href="javascript:;" class="footer-nav-link">跑车租赁</a></li>
                       <li><a href="javascript:;" class="footer-nav-link">面包车租赁</a></li>
                       <li><a href="javascript:;" class="footer-nav-link">卡车租赁</a></li>
                       <li><a href="javascript:;" class="footer-nav-link">豪华车租赁</a></li>
                       <li><a href="javascript:;" class="footer-nav-link">电动车租赁</a></li>
                    </ul>
                 </div>
              </div>
              <div class="footer-list">
                 <div class="menu-links">
                    <h2>公司</h2>
                    <ul>
                       <li><a href="about.html" class="footer-nav-link">关于我们</a></li>
                       <li><a href="team.html" class="footer-nav-link">团队</a></li>
                       <li><a href="faq.html" class="footer-nav-link">常见问题</a></li> 
                       <li><a href="contacts.html" class="footer-nav-link">联系我们</a></li> 
                    </ul>
                 </div>
              </div>
              <div class="footer-list">
                 <div>
                    <h2>订阅我们的通讯</h2>
                    <p>
                       获取最新优惠、促销和旅行提示
                    </p>
                     
                    <div class="input-group">
                       <input type="text" class="form-control" placeholder="输入您的邮箱...">
                       <button class="btn btn-outline-secondary" type="button" id="button-addon2">
                          <img src="images/send-btn.png" alt="发送">
                       </button>
                     </div>
                 </div>
              </div>
              <div class="footer-list">
                 <div>
                    <h2>关注我们</h2>
                     
                    <ul class="social-media">
                       <li>
                          <a href="javascript:;" target="_blank"><img alt="社交媒体"
                                src="images/social-icon1.svg" /></a>
                       </li>
                       <li>
                          <a href="javascript:;" target="_blank"><img alt="社交媒体"
                                src="images/social-icon2.svg" /></a>
                       </li>
                       <li>
                          <a href="javascript:;" target="_blank"><img alt="社交媒体"
                                src="images/social-icon3.svg" /></a>
                       </li>
                       <li>
                          <a href="javascript:;" target="_blank"><img alt="社交媒体"
                                src="images/social-icon4.svg" /></a>
                       </li>
                    </ul>

                    <ul class="social-media m-0">
                       <li>
                          <a href="javascript:;" target="_blank"><img alt="谷歌应用商店"
                                src="images/google.png" /></a>
                       </li>
                       <li>
                          <a href="javascript:;" target="_blank"><img alt="苹果应用商店"
                                src="images/apple.png" /></a>
                       </li> 
                    </ul>
                 </div>
              </div>
           </div>
           <div class="copyrights">
              <p class="copyright-text">2026 轩寓租车服务有限公司 版权所有 | 鲁ICP备2024064094号</a></p>
              <button onclick="topFunction()" id="myBtn" class="backtotop" title="返回顶部">
                 <img src="images/arrow-up-to-line.svg" alt=""> 返回顶部
              </button>
              <p class="copyright-authar">by Merkulove</p>
           </div>
        </div>
     </section>

    <!-- 登录模态框 -->
    <div class="modal fade login-popup" id="signIn" tabindex="-1"  aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content"> 
            <div class="modal-body">
              <div class="login-wrapper wow fadeIn">
                 <div class="maxWidth">
                     <div class="login-panel">
         
                         <h5 class="welcome">欢迎回来!</h5>
                         <h2 class="main-heading-small">登录以访问专属功能并简化您的租赁体验</h2>
                         <ul class="policies">
                             <li>保存您的详细信息以便快速轻松地预订</li>
                             <li>随时查看、修改或取消预订</li>
                             <li>轻松收藏您喜欢的汽车和地点</li>
                             <li>根据您的租赁历史获取汽车推荐</li>
                         </ul>
                         <div class="custom-form">
                             <form class="row g-4">
         
         
                                 <div class="col-6 col-sm-6">
                                     <button class="btn main-btn button-primary-outline btn-lg w-100 justify-content-center"> 
                                         <img alt="谷歌" src="images/logo-google.png"> 谷歌
                                     </button> 
                                 </div>
                                 <div class="col-6 col-sm-6"> 
                                     <button class="btn main-btn button-primary-outline btn-lg w-100 justify-content-center"> 
                                         <img alt="苹果" src="images/logo-apple.png"> 苹果 
                                     </button>
                                 </div>
                                 <div class="col-md-12"> 
                                     <p class="signin-with"><span>或</span></p> 
                                 </div>
                                 <div class="col-md-12">
                                     <label class="form-label">邮箱地址<span class="astric">*</span></label>
                                     
                                     <div class="input-group">
                                         <div class="input-group-text"><i class="bi bi-envelope"></i></div>
                                         <input type="text" class="form-control" placeholder="输入您的邮箱">
                                      </div>
                                 </div> 
                                 <div class="col-md-12">
                                     <label class="form-label">密码 <span class="astric">*</span></label>
                                     
                                     <div class="input-group">
                                         <div class="input-group-text"><i class="bi bi-lock"></i></div>
                                         <input type="text" class="form-control" placeholder="输入您的密码">
                                      </div>
                                 </div> 
                                 <div class="col-md-12">
                                     <button class="btn main-btn button-primary btn-lg w-100 justify-content-center">登
                                         录</button>
                                 </div>
                                 <div class="col-md-12">
                                     <a href="javascript:;" class="readmore dark">忘记密码?</a>
                                 </div>
         
         
         
         
         
         
         
         
         
                                 <div class="col-md-12">
                                     <div class="dou-have-acount">
                                         <span>没有账号? 您可以<a href="javascript:;" class="readmore dark">点击这里</a>创建一个</span>
                                     </div>
                                 </div>
                             </form>
                         </div>
                     </div>
                 </div>
             </div>
            </div> 
          </div>
        </div>
     </div>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/jquery-2.2.0.min.js"></script>
    <script src="js/custom.js"></script>
    <script src="js/jquery.datetimepicker.full.min.js"></script>
    <script>
        jQuery('#datetimepicker').datetimepicker({
            timepicker: false,
            format: 'd.m.Y'
        }
        );
        jQuery('#datetimepicker2').datetimepicker({
            datepicker: false,
            format: 'H:i'
        });

        jQuery('#datetimepicker3').datetimepicker({
            timepicker: false,
            format: 'd.m.Y'
        }
        );
        jQuery('#datetimepicker4').datetimepicker({
            datepicker: false,
            format: 'H:i'
        });

    </script>

</body>

</html>